import axios from 'axios'
import { Message } from 'element-ui'
import { getItem } from '@/utils/auth.js'
import { removeItem } from '@/utils/auth.js'
import route from '@/router/index.js'

// 创建一个axios副本,基地址改为环境变量
const _axios = axios.create({
  baseURL: process.env.VUE_APP_URL
})

// 请求拦截器
_axios.interceptors.request.use(
  config => {
    config.headers.Authorization = `Bearer ${getItem()}`
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

// 响应拦截器
_axios.interceptors.response.use(
  res => {
    // 过滤不需要的数据
    return res.data
  },
  error => {
    console.dir(error)
    if (error.response.data && error.response.data.message) {
      Message.error(error.response.data.message)
      // Message.error(123)
    }

    // token不存在或过期状态码为401,删除token,跳转到登录页
    if (error.response.status === 401) {
      removeItem()
      route.push('/login')
    }
    return Promise.reject(error)
  }
)

// 暴露副本_axios
export default _axios
